<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vuejs</title>
<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<script src="js/vue.min.js"></script>
</head>
<body>
<div id="root">{{msg}}</div> 
<div id="app">{{text}}</div>
<script>
	/*
	挂载点 root就是挂载点,vue实例只会处理root下面的内容
	模板  可以直接写在挂载点内部
	实例之间的关系
	el 挂载点
	data 数据放在里面
	templete
	*/
	new Vue({
		el:'#root',
		template:'<h1>{{msg}}</h1>',
		data:{
			msg:'hello word',
		}
	});
	new Vue({
		el:'#app',
		data:{
			text:'APP挂载点里的内容'
		}
	});
</script>
</body>
</html>